<!DOCTYPE html>
<html class="no-js" lang="fr">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <title>详情页</title>
    <meta name="description" content="Xolio - Creative Agency Template" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <!-- Place favicon.ico in the root directory -->

    <!-- CSS here -->
    <link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="__TMPL__/public/assets/css/animate.min.css" />
    <link rel="stylesheet" href="__TMPL__/public/assets/css/magnific-popup.css" />
    <link rel="stylesheet" href="__TMPL__/public/assets/css/fontawesome-all.min.css" />
    <link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-bundle.min.css" />
    <link rel="stylesheet" href="__TMPL__/public/assets/css/odometer.css" />
    <link rel="stylesheet" href="__TMPL__/public/assets/css/slick.css" />
    <link rel="stylesheet" href="__TMPL__/public/assets/css/default.css" />
    <link rel="stylesheet" href="__TMPL__/public/assets/css/style.css" />
    <link rel="stylesheet" href="__TMPL__/public/assets/css/responsive.css" />

    <style>
        .login_bg {
            width: 100vw;
            height: 100vh;
            position: relative;
        }

        .login_left {
            position: absolute;
            width: 50%;
            height: 100%;
            background-image: url(__TMPL__/public/assets/image/login_bj.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }
        .login_left img {
            width: 80px;
            position: absolute;
            top: 35px;
            left: 40px;
        }
        .login_left .slogin {
            position: absolute;
            top: 40%;
            left: 60px;
        }
        .login_left .slogin h2 {
            font-size: 26px;
            font-weight: 600;
            padding: 0;
            color: #191a39;
            margin-bottom: 50rpx;
        }
        .login_left .slogin p {
            font-size: 20px;
            font-weight: 500;
            margin: 0;
            color: #191a39;
            line-height: 40px;
        }
        .login_right {
            width: 50%;
            height: 100%;
            background-color: #fff;
            position: absolute;
            top: 0;
            right: 0;
            overflow: hidden;
        }
        .right_box {
            position: absolute;
            top: 20px;
            right: 50px;
        }
        .login_right .form_box {
            width: 500px;
            margin: 0 15%;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
            padding: 30px;
            position: absolute;
            top: 20%;
            border-radius: 10px;
            left: 50%;
            margin-left: -250px;
        }
        .login_right .form_box img {
            width: 100px;
            margin-top: 20px;
            margin-bottom: 40px;
            margin-left: calc(50% - 50px);
        }

        .login_right .form-grp {
            position: relative;
            margin-bottom: 24px;
        }
        .login_right .form-grp input {
            width: 100%;
            border: 1px solid #e3e3e3;
            backdrop-filter: blur(21px);
            background: transparent;
            border-radius: 15px;
            letter-spacing: 0.0833333px;
            color: #AAAAAA;
            font-size: 16px;
            padding: 22px 30px 22px 25px;
            height: 50px;
            display: block;
        }
        .login_right .trip_box{
            width: 100%;
            display: flex;
            justify-content: space-between;
            margin:30px 0;
        }
        .login_right .trip_box .radio{
            display: flex;
            align-items: center;
        }
        .login_right .trip_box input{
            width: 16px;
            height: 16px;
            border:1px solid #D9D9D9;
            border-radius: 4px;
            margin-right: 5px;
        }
        .login_right .trip_box label{
            color: #AAAAAA;
            font-size: 14px;
        }

        .login_right .trip_box a{
            color: #2B5B99;
            font-size: 14px;
        }


        .login_right .btn_box{
            width: 100%;
            display: flex;
            justify-content: space-between;
            margin-bottom: 30px;
            text-align: center;
        }
        .login_right .btn_box .btn{
            width: 75%;
            height: 50px;
            margin-left: 10%;
            line-height: 50px;
            color: #16D0C0;
            font-size: 16px;
            border:1px solid #16D0C0;
            background-color: #fff;
            line-height: 50px;
            text-align: center;
            border-radius: 8px;
            padding:0;
        }
        .login_right .btn_box .btn2{
            color: #000000;
            border:none;
            background: linear-gradient(to right, #0ACEC3, #FDFE94);
        }

        .login_right .captcha img {
            width: 180px;
            margin-top: 10px;
            margin-bottom: 40px;
            margin-left: calc(0px);
            height: 40px;
        }

    </style>
    <include file="public@head"/>
</head>

<body>
<!--loading-->
<div id="preloader">
    <div id="loader" class="loader">
        <div class="loader-container">
            <div class="loader-icon">
                <img src="__TMPL__/public/assets/picture/preloader.png" alt="Preloader" />
            </div>
        </div>
    </div>
</div>
<!--loading -->

<!-- 鼠标特效 -->

<!-- 鼠标特效 -->

<div class="login_bg">
    <div class="login_left">
        <img src="__TMPL__/public/assets/picture/preloader.png" alt="Preloader" />
        <div class="slogin">
            <h2>我们的愿景</h2>
            <p>致力于外汇返佣第一品牌</p>
            <p>九鼎返佣网，您外汇交易的贴身管家</p>
        </div>
    </div>
    <div class="login_right">
        <div class="navbar-wrap main-menu d-none d-lg-flex">
            <ul class="navigation right_box">
                <li class="menu-item-has-children">
                    <a href="#">中文</a>
                    <ul class="sub-menu">
                        <li><a href="/?en=us">英文</a></li>
                    </ul>
                </li>
            </ul>

            <div class="form_box">
                <img src="__TMPL__/public/assets/picture/preloader.png" />
                <form class="js-ajax-form" action="{:url('user/Register/doRegister')}" method="post">
                    <div class="form-grp">
                        <input type="text" id="input_username" name="username" placeholder="{:lang('mobile/email/username')}" />
                    </div>
                    <div class="form-grp">
                        <input type="password" id="input_password" name="password" placeholder="{:lang('password')}" />
                    </div>
                    <div class="form-grp">
                        <input type="password" id="input_password2" name="password2" placeholder="{:lang('password again')}" />
                    </div>
                    <div class="form-grp captcha">
                        <div style="position: relative;">
                            <input type="text" name="captcha" placeholder="{:lang('code')}" class="form-control captcha" style="width: 170px;float: left;margin-right: 30px">
                            <captcha height="38" width="160" font-size="20"/>
                        </div>
                    </div>
                    <input type="hidden" name="code" value="6786" id="code"/>

                    <div class="trip_box">
                        <div class="radio">
                            <input type="radio" id="apple" name="fruit" value="apple">
                            <label for="apple">{:lang('remember me')}</label><br>
                        </div>
                        <a style="display: none">忘记密码?</a>
                    </div>

                    <div class="btn_box">

                        <button type="submit" class="btn btn2">{:lang('now register')}<span></span></button>

                    </div>
                    <div class="form-group" style="text-align: center;">
                        <p>
                            {:lang('Existing account')}? <a href="{:cmf_url('user/Login/index')}"> {:lang('Click here to log in')}</a>
                        </p>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<!-- JS here -->
<script src="__TMPL__/public/assets/js/jquery-3.6.0.min.js"></script>
<script src="__TMPL__/public/assets/js/bootstrap.min.js"></script>
<script src="__TMPL__/public/assets/js/isotope.pkgd.min.js"></script>
<script src="__TMPL__/public/assets/js/imagesloaded.pkgd.min.js"></script>
<script src="__TMPL__/public/assets/js/jquery.magnific-popup.min.js"></script>
<script src="__TMPL__/public/assets/js/jquery.odometer.min.js"></script>
<script src="__TMPL__/public/assets/js/swiper-bundle.min.js"></script>
<script src="__TMPL__/public/assets/js/jquery.appear.js"></script>
<script src="__TMPL__/public/assets/js/slick.min.js"></script>
<script src="__TMPL__/public/assets/js/ajax-form.js"></script>
<script src="__TMPL__/public/assets/js/parallax.min.js"></script>
<script src="__TMPL__/public/assets/js/jquery.parallaxScroll.min.js"></script>
<script src="__TMPL__/public/assets/js/tween-max.js"></script>
<script src="__TMPL__/public/assets/js/wow.min.js"></script>
<script src="__TMPL__/public/assets/js/main.js"></script>

<script>

    function downRegister() {
        console.log(123)
        window.location.href="/user/register";

    }

</script>
</body>
</html>
